<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>表格3</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        a {
            text-decoration: none;
        }

        a:hover {
            text-decoration: none;
        }

        ul,
        li {
            list-style-type: none;
        }

        html,
        body {
            width: 100%;
            height: 100%;
            font-family: Arial;
            background-color: #fcfcfc;
            font-size: 18px
        }

        *,
        *:after,
        *:before {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        #wrap {
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-flex-flow: column;
            flex-flow: column;
        }

        #main {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            padding: 12px;
            overflow-x: hidden;
            overflow-y: scroll;
        }

        #header {
            background-color: #fe6263;
        }

        .pcc_header {
            width: 100%;
            display: flex;
        }

        .pcc_header .pcc_return {
            width: 4rem;
            height: 2.2rem;
            background: url("../image/retun-icon.png")no-repeat;
            background-size: 0.6rem;
            background-position: 0.7rem center;
        }

        .pcc_header .pcc_title {
            width: 12rem;
            height: 2.2rem;
            line-height: 2.2rem;
            color: #ffffff;
            text-align: center;
            font-size: 0.96rem;
        }

        .pcc_xuanzhuan {
            transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
        }

        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
            margin-bottom: 1rem
        }

        table,
        td,
        th {
            border: 1px solid black;
            line-height: 1.8rem;
            text-align: center;
        }

        table p {
            text-indent: 24px;
            line-height: 1.2rem;
            font-size: 12px;
            padding: 8px;
            text-align: left;
        }

        .pcc_beizhu {
            width: 20%
        }

        .pcc_title {
            line-height: 2rem;
            text-align: center;
            font-size: 16px;
        }
        .pcc_tishi{
          line-height: 1.2rem;
          font-size: 12px;
          padding: 8px;
          text-align: left;
        }
    </style>
</head>

<body>
    <div id="wrap">
        <div id="header">
            <div class="pcc_header">
                <a class="pcc_return" href="#" onclick="closeappend();"></a>
                <p class="pcc_title">特种设备安全管理登记表</p>
                <span style="width:4rem"></span>
            </div>
        </div>

        <div id="main">
            <h4 class="pcc_title">特种设备安全管理登记表</h4>
            <table>
                <tr>
                    <td>序号</td>
                    <td colspan="3">1</td>
                </tr>
                <tr>
                    <td>设施名称</td>
                    <td>小霸王点读机</td>
                    <td>单位</td>
                    <td>台</td>
                </tr>
                <tr>
                    <td>型号规格</td>
                    <td>超级限量版</td>
                    <td>数量</td>
                    <td>10</td>

                </tr>
                <tr>
                    <td>使用部门</td>
                    <td>安检部</td>
                    <td>设备状态</td>
                    <td>良好</td>
                </tr>
                <tr>
                    <td class="pcc_beizhu">备注</td>
                    <td colspan="3">
                        <p>讲解党和国家有关安全生产的方针、政策、法令、法规及有关企业生产、建设的规程、规定，讲解劳动保护的意义、任务、内容及基本要求。</p>
                    </td>
                </tr>
            </table>
            <table>
                <tr>
                    <td>序号</td>
                    <td colspan="3">2</td>
                </tr>
                <tr>
                    <td>设施名称</td>
                    <td>小霸王点读机</td>
                    <td>单位</td>
                    <td>台</td>
                </tr>
                <tr>
                    <td>型号规格</td>
                    <td>超级限量版</td>
                    <td>数量</td>
                    <td>10</td>

                </tr>
                <tr>
                    <td>使用部门</td>
                    <td>安检部</td>
                    <td>设备状态</td>
                    <td>良好</td>
                </tr>
                <tr>
                    <td class="pcc_beizhu">备注</td>
                    <td colspan="3">
                        <p>讲解党和国家有关安全生产的方针、政策、法令、法规及有关企业生产、建设的规程、规定，讲解劳动保护的意义、任务、内容及基本要求。</p>
                    </td>
                </tr>
            </table>
            <table>
                <tr>
                    <td>序号</td>
                    <td colspan="3">3</td>
                </tr>
                <tr>
                    <td>设施名称</td>
                    <td>小霸王点读机</td>
                    <td>单位</td>
                    <td>台</td>
                </tr>
                <tr>
                    <td>型号规格</td>
                    <td>超级限量版</td>
                    <td>数量</td>
                    <td>10</td>

                </tr>
                <tr>
                    <td>使用部门</td>
                    <td>安检部</td>
                    <td>设备状态</td>
                    <td>良好</td>
                </tr>
                <tr>
                    <td class="pcc_beizhu">备注</td>
                    <td colspan="3">
                        <p>讲解党和国家有关安全生产的方针、政策、法令、法规及有关企业生产、建设的规程、规定，讲解劳动保护的意义、任务、内容及基本要求。</p>
                    </td>
                </tr>
            </table>
            <p class="pcc_tishi">特种设备是指涉及生命安全、危险性较大的锅炉、压力容器（含气瓶，下同）、压力管道、电梯、起重机械、客运索道、大型游乐设施。其中锅炉、压力容器（含气瓶）、压力管道为承压类特种设备；电梯、起重机械、客运索道、大型游乐设施为机电类特种设备。</p>
        </div>
    </div>

</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
    apiready = function() {
        var header = $api.byId('header');
        //适配iOS 7+，Android 4.4+状态栏
        $api.fixStatusBar(header);

    };

    function openpage(url) {
        api.openWin({
            name: url,
            url: './' + url + '.html',
            pageParam: {
                name: 'test'
            }
        });
    };
    //关闭本窗口
    function closeappend() {
        api.closeWin();
    };
</script>

</html>
